<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
    <input type="text" name="" id="">
    <p>根据用户输入正则:</p>
    <script>
        var p = document.querySelector('p');
        var ipt = document.querySelector('input');
        ipt.onkeyup = function () {
            if (event.keyCode === 13) {
                p.innerText = '根据用户输入正则: ' + new RegExp(this.value);
            }
        }
        /*
        正则表达式  RegExp
            1. 字面量形式 /pattern/attribute
            2. 构造函数形式  new RegExp(pattern, attribute);
            
            attribute: g(全局匹配) / i(忽略大小写的匹配) / m(多行匹配) / y(当前位置匹配) / u(unicode编码形式匹配)
        */
        var reg = /a/;
        var reg1 = new RegExp('a');
        console.log(reg, reg1);

        // 当匹配的 pattern 是一个变量的时候， 需要使用构造函数的方式来创建 
        var str = 'hello';
        var reg2 = /str/;
        var reg3 = new RegExp(str);
        console.log(reg2, reg3);
    </script>
</body>
</html>